import { fileURLToPath, URL } from 'node:url'
import px2rem from 'postcss-px2rem'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
  ],
  css: {
    postcss: {
      plugins: [//这是一个数组，包含了 postcss 要使用的插件列表
        px2rem({
          remUnit: 192//这个配置指定了 rem 的基准值。也就是说，1rem 等于 192px。因此，如果 CSS 中有一个值是 384px，那么它会被转换为 2rem（因为 384 / 192 = 2）。
        })
      ]
    }
  },
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
})
